<template>
  <div class="child">
    <h3>这是子组件</h3>
    <br>
    <grandson></grandson>
  </div>
</template>

<script>
import grandson from './grandson.vue'

export default {
  components: { grandson },
}
</script>

<style scoped>
  .child {
    background-color: #a7e;
    padding: 5px;
  }
</style>